<!--
Copyright (c) 2010 J�r�my "Capitaine Mousse" barbe (jeremybarbe@capitaine-mousse.fr)

SnippIt is free software: you can redistribute it and/or modify
it under the terms of the GNU Affero General Public License as
published by the Free Software Foundation, either version 3 of the
License, or (at your option) any later version.

You should have received a copy of the GNU Affero General Public License
along with this program.  If not, see <http://www.gnu.org/licenses/>.
-->

<html>
    <head>
        <title>SnippIt</title>
        <link type="text/css" href="css/css.css" rel="stylesheet" />
        <link type="text/css" href="css/ui-lightness/jquery-ui-1.8.custom.css" rel="stylesheet" />
        <link type="text/css" href="css/sh_style.css" rel="stylesheet" />
        <link type="text/css" href="css/sh_typical.css" rel="stylesheet" />
        <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
        <script type="text/javascript" src="js/jquery-ui-1.8.custom.min.js"></script>
        <script type="text/javascript" src="js/sh_main.js"></script>
        <script type="text/javascript" src="js/function.js"></script>
        <script type="text/javascript" src="index.js"></script>
    </head>
    <body>
        <div id="menu">
            <img src="icone.png" alt="SnippIt" style="float: left; height: 54px" />
            <img id="new" src="images/new.png" title="Nouveau snippet" />
            <img id="newCat" src="images/categorie.png" title="Nouvelle categorie" />
            <span class="separator"></span>
            <img src="images/copy.png" id="clipboard" title="Copier dans le press papier" />
            <img src="images/edit.png" id="editer" title="Editer" />
            <span class="separator"></span>
            <img src="images/delete.png" id="supprimer" title="Supprimer" />
        </div>
        <div>
            <div id="sidebar">
                <ul>
                    <li>
                        <h1>Recherche: </h1>
                        <input type="text" name="recherche" id="recherche" />
                    </li>
                    <li>
                        <h1>Langage: <span>+</span></h1>
                        <ul id="lang">
                            <li brush="Tous" class="selected">Tous</li>
                            <li brush="sh_bison">Bison</li>
                            <li brush="sh_c">C</li>
                            <li brush="sh_cpp">C++</li
                            <li brush="sh_csharp">C#</li>
                            <li brush="sh_css">CSS</li>
                            <li brush="sh_flex">Flex</li>
                            <li brush="sh_glsl">GLSL</li>
                            <li brush="sh_haxe">Haxe</li>
                            <li brush="sh_html">HTML</li>
                            <li brush="sh_java">Java</li>
                            <li brush="sh_javascript">JavaScript</li>
                            <li brush="sh_latex">LaTeX</li>
                            <li brush="sh_m4">M4</li>
                            <li brush="sh_makefile">Makefile</li>
                            <li brush="sh_caml">Objective Caml</li>
                            <li brush="sh_oracle">Oracle SQL</li>
                            <li brush="sh_pascal">Pascal</li>
                            <li brush="sh_perl">Perl</li>
                            <li brush="sh_php">PHP</li>
                            <li brush="sh_prolog">Prolog</li>
                            <li brush="sh_python">Python</li>
                            <li brush="sh_ruby">Ruby</li>
                            <li brush="sh_slang">S-Lang</li>
                            <li brush="sh_scala">Scala</li>
                            <li brush="sh_sh">Shell</li>
                            <li brush="sh_sql">SQL</li>
                            <li brush="sh_sml">Standard ML</li>
                            <li brush="sh_tcl">Tcl</li>
                            <li brush="sh_xml">XML</li>
                        </ul>
                    </li>
                    <li>
                        <h1>Cat&eacute;gories: <span>+</span></h1>
                        <ul id="cat">
                        </ul>
                    </li>
                </ul>
            </div>
            <div id="content">
                <div id="haut">
                    <table id="enteteTableau">
                        <tr>
                            <td style="width: 40%">Nom</td>
                            <td style="width: 30%">Langage</td>
                            <td style="width: 30%">Categorie</td>
                        </tr>
                    </table>
                    <div id="liste">
                        <table id="corpTableau">
                            <tbody>                                
                            </tbody>
                        </table>
                    </div>
                </div>
                <div id="bas">
                    
                </div>
            </div>
        </div>
    </body>
</html>